<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<link href="css/index.css" rel="stylesheet" type="text/css">
		<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="bigbox">
		<div class="ding">
			<div class="header">
				<div class="logo fl">
					<img src="images/header_logo.png">
				</div>
				<div class="search fl">
					<a href="search.html"><input type="text"placeholder="荣耀30S" />
					<img src="images/head_icon.png" class="ss"></a>
				</div>
				<div class="mine fr">
					<img src="images/header_right.png">
					<span>登录</span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="nav">
				<ul class="nav_con">
					<li><a href="#"><span class="active">推荐</span></a></li>
					<li><a href="#"><span>华为专区</span></a></li>
					<li><a href="#"><span>荣耀专区</span></a></li>
					<li><a href="#"><span>P40系列</span></a></li>
					<li><a href="#"><span>安心居家</span></a></li>
					<li><a href="#"><span>拼团</span></a></li>				
				</ul>
				<img src="images/nav_more_down.png" id="open">
			</div>
			<div class="all">
				<div class="all_head">
					<span>全部</span>
					<img src="images/nav_more_up.png" id="close">
					<div class="clear"></div>
				</div>
				<ul class="all_con">
					<li><div class="all_red active"><span>推荐</span></div></li>
					<li><div class="all_red"><span>华为专区</span></div></li>
					<li><div class="all_red"><span>荣耀专区</span></div></li>
					<li><div class="all_red"><span>P40系列</span></div></li>
					<li><div class="all_red"><span>安心居家</span></div></li>
					<li><div class="all_red"><span>拼团</span></div></li>
				</ul>
			</div>
		</div>
		
		<!-- nav -->
		
		<div class="all">
			<div class="all_head">
				<span>全部</span>
				<img src="images/nav_more_up.png" id="close">
				<div class="clear"></div>
			</div>
			<ul class="all_con">
				<li><div class="all_red active"><span>推荐</span></div></li>
				<li><div class="all_red"><span>华为专区</span></div></li>
				<li><div class="all_red"><span>荣耀专区</span></div></li>
				<li><div class="all_red"><span>P40系列</span></div></li>
				<li><div class="all_red"><span>安心居家</span></div></li>
				<li><div class="all_red"><span>拼团</span></div></li>
			</ul>
		</div>
		<!-- lbt -->
		<div class="lbt1">
			<div class="swiper-container swiper-test1">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide pic1"></div>
			        <div class="swiper-slide pic2"></div>
			        <div class="swiper-slide pic3"></div>
			        <div class="swiper-slide pic4"></div>
			    </div>
			    <div class="swiper-pagination"></div>		    
			</div>
		</div>
		<!-- fw -->
		<div class="fw">
			<div class="fw_bg">
				<div class="swiper-container swiper-test2">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide one">
							<div class="fw1 fl">
								<i class="pic1"></i>	
								<p style="margin-left: 7px;">会员领券</p>
							</div>
							<div class="fw1 fl">
								<i class="pic1"></i>	
								<p>会员领券</p>
							</div>
							<div class="fw1 fl">
								<i class="pic1"></i>	
								<p>会员领券</p>
							</div>
							<div class="fw1 fl">
								<i class="pic1"></i>	
								<p>会员领券</p>
							</div>
							<div class="fw1 fl">
								<i class="pic1"></i>	
								<p>会员领券</p>
							</div>
							<div class="clear"></div>
						</div>
				        <div class="swiper-slide one">
				        	<div class="fw1 fl">
				        		<i class="pic1"></i>	
				        		<p>华为数码</p>
				        	</div>
				        	<div class="fw1 fl">
				        		<i class="pic1"></i>	
				        		<p>华为数码</p>
				        	</div>
				        	<div class="fw1 fl">
				        		<i class="pic1"></i>	
				        		<p>华为数码</p>
				        	</div>
				        	<div class="fw1 fl">
				        		<i class="pic1"></i>	
				        		<p>华为数码</p>
				        	</div>
				        	<div class="fw1 fl">
				        		<i class="pic1"></i>	
				        		<p>华为数码</p>
				        	</div>
							<div class="clear"></div>
				        </div>
				    </div>
				    <div class="swiper-pagination"></div>		    
				</div>
			</div>
		</div>
		<!--sctt  -->
		<div class="sctt">
			<div class="top">
				<div class="sc fl"></div>
				<div class="sc_lbt fl">
					<div class="swiper-container swiper-test3">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">海雀AI摄像头云台超清版评测，性价比很不错</div>
					        <div class="swiper-slide">【第一场】华为围棋趣味挑战赛棋迷招募</div>
					        <div class="swiper-slide">华为智慧屏 AI健身，获得德国红点设计大奖</div>
					        <div class="swiper-slide">荣耀平板V6评测：一台“面面俱到”的平板电脑</div>
					    </div>	    
					</div>
				</div>
				<div class="txt fr">
					<span>更多</span>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!--xsg  -->
		<div class="xsg">
			<div class="x_head">
				限时购 <span class="count-down"></span><span>后结束</span>
			</div>
			<div>
				<div class="swiper-container swiper-test4">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide">
							<div class="a1 fl">
								<div class="b1">
									<img src="images/x_lbt1.png">
									<span>MatePad 10.8</span>
								</div>
								<p>预订立省100</p>
							</div>
							<div class="a1 fl">
								<div class="b1">
									<img src="images/x_lbt2.png">
									<span>荣耀Play4 Pro</span>
								</div>
								<p>¥2489</p>
							</div>
							<div class="a1 fl">
								<div class="b1">
									<img src="images/x_lbt3.png">
									<span>儿童手表4X</span>
								</div>
								<p>预订立省100</p>
							</div>
							<div class="a1 fl">
								<div class="b1">
									<img src="images/x_lbt4.png">
									<span>荣耀智慧屏X1</span>
								</div>
								<p>限时最高省</p>
							</div>
							<div class="a1 fl">
								<div class="b1">
									<img src="images/x_lbt5.png">
									<span>荣耀平板V6</span>
								</div>
								<p>降100+免息</p>
							</div>
						</div>
				        <div class="swiper-slide">
							<div class="a1 fl">
									<div class="b1">
										<img src="images/x_lbt1.png">
										<span>MatePad 10.8</span>
									</div>
									<p>预订立省100</p>
								</div>
								<div class="a1 fl">
									<div class="b1">
										<img src="images/x_lbt2.png">
										<span>荣耀Play4 Pro</span>
									</div>
									<p>¥2489</p>
								</div>
								<div class="a1 fl">
									<div class="b1">
										<img src="images/x_lbt3.png">
										<span>儿童手表4X</span>
									</div>
									<p>预订立省100</p>
								</div>
								<div class="a1 fl">
									<div class="b1">
										<img src="images/x_lbt4.png">
										<span>荣耀智慧屏X1</span>
									</div>
									<p>限时最高省</p>
								</div>
								<div class="a1 fl">
									<div class="b1">
										<img src="images/x_lbt5.png">
										<span>荣耀平板V6</span>
									</div>
									<p>降100+免息</p>
								</div>
							</div>
						</div>
				</div>    
				
			</div>
		</div>
		<!-- phos -->
		<div class="phos">
			<div class="fl">
				<img src="images/phos_1.png" class="big">
			</div>
			<div class="fr">
				<img src="images/phos_2.png" class="nbig">
				<img src="images/phos_3.png" class="nbig">
			</div>
			<div class="fl">
				<img src="images/phos_2.png" class="nbig">
				<img src="images/phos_3.png" class="nbig">
			</div>
			<div class="fr">
				<img src="images/phos_2.png" class="nbig">
				<img src="images/phos_3.png" class="nbig">
			</div>
			<div class="clear"></div>
		</div>
		<!-- phos2 -->
		<div class="phos2">
			<div class="phos2_one fl">
				<img src="images/phos_4.png">
				<p>华为麦芒 9 5G</p>
				<span>首销赠耳机</span>
				<p>¥2399</p>
			</div>
			<div class="phos2_one fl">
				<img src="images/phos_5.png">
				<p>华为麦芒 9 5G</p>
				<span>首销赠耳机</span>
				<p>¥2399</p>
			</div>
			<div class="phos2_one fl">
				<img src="images/phos_6.png">
				<p>华为麦芒 9 5G</p>
				<span>首销赠耳机</span>
				<p>¥2399</p>
			</div>
			<div class="clear"></div>
		</div>
		<!-- jptj -->
		<div class="jptj">
			<div class="jptj_head">
				<h2>精品推荐</h2>
			</div>
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jptj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			    </div>
			</div>
		</div>
		<!-- sj -->
		<div class="sj">
			<div class="sj_head">
				<h2>手机</h2>
			</div>		
			<div class="one fl">
				<div class="pic_txt">
					<a href="details.html"><img src="images/sj_1.png"></a>
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/sj_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/sj_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/sj_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<!--sjlbt  -->
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/sj_5.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/sj_6.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/sj_7.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
								<div class="pic_txt">
									<img src="images/sj_5.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/sj_6.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/sj_7.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="clear"></div>
						</div>
			    </div>
			</div>
			<div class="more">
				<p>发现更多手机  ></p>
			</div>
		</div>
		<!-- bjb -->
		<div class="sj">
			<div class="sj_head">
				<h2>笔记本</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/bjb_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/bjb_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/bjb_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/bjb_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/bjb_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/bjb_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/bjb_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
								<div class="pic_txt">
									<img src="images/bjb_4.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/bjb_1.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/bjb_2.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="clear"></div>
						</div>
					</div>
			</div>
			<div class="more">
				<p>发现更多笔记本 ></p>
			</div>
		</div>
		<!-- jppb -->
		<div class="sj">
			<div class="sj_head">
				<h2>精品平板</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/pb_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/pb_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/pb_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/pb_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/pb_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/pb_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/pb_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
								<div class="pic_txt">
									<img src="images/bjb_3.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/pb_2.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="one fl">
								<div class="pic_txt">
									<img src="images/pb_1.png">
									<div class="xb">预订立省100 + 3期免息</div>
								</div>
								<p>【新品】华为畅享平板 2</p>
								<span>¥1799</span>
							</div>
							<div class="clear"></div>
						</div>
					</div>
			    </div>
			<div class="more">
				<p>发现更多精品平板 ></p>
			</div>
		</div>
		<!-- zncd -->
		<div class="sj">
			<div class="sj_head">
				<h2>智能穿戴</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/zncd_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/zncd_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/zncd_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/zncd_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zncd_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			    </div>
			</div>
			<div class="more">
				<p>发现更多智能穿戴 ></p>
			</div>
		</div>
		<!-- zhp -->
		<div class="sj">
			<div class="sj_head">
				<h2>智慧屏</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/zhp_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/zhp_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/zhp_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/zhp_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_4.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/zhp_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
			</div>
			<div class="more">
				<p>发现更多智慧屏 ></p>
			</div>
		</div>
		<!-- znjj -->
		<div class="sj">
			<div class="sj_head">
				<h2>智能家居</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/znjj_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/znjj_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/znjj_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/znjj_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_4.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/znjj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
			</div>
			<div class="more">
				<p>发现更多智能家居 ></p>
			</div>
		</div>
		<!-- rxpj -->
		<div class="sj">
			<div class="sj_head">
				<h2>热销配件</h2>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/rxpj_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/rxpj_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/rxpj_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/rxpj_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_4.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
			</div>
			<div class="more">
				<p>发现更多热销配件 ></p>
			</div>
		</div>
		<!-- stjp -->
		<div class="sj">
			<div class="sj_head">
				<h2>生态精品</h2>
			</div>
			<div class="bg">
				<img src="images/stjp_0.jpg">
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/rxpj_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/rxpj_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/rxpj_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/rxpj_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_4.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/rxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
			    </div>
				</div>
			</div>
			<div class="more">
				<p>发现更多生态精品 ></p>
			</div>
		</div>
		<!-- jxpj -->
		<div class="sj">
			<div class="sj_head">
				<h2>精选配件</h2>
			</div>
			<div class="bg">
				<img src="images/jxpj_0.jpg">
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/jxpj_1.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/jxpj_2.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fl">
				<div class="pic_txt">
					<img src="images/jxpj_3.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="one fr">
				<div class="pic_txt">
					<img src="images/jxpj_4.png">
					<div class="xb">6期免息|赠多重好礼</div>
				</div>
				<p>HUAWEI nova 7 5G</p>
				<span>¥2999</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="jptj">
			<div class="swiper-container swiper-test5">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_3.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
					</div>
			        <div class="swiper-slide">
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_4.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_1.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="one fl">
							<div class="pic_txt">
								<img src="images/jxpj_2.png">
								<div class="xb">预订立省100 + 3期免息</div>
							</div>
							<p>【新品】华为畅享平板 2</p>
							<span>¥1799</span>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
			</div>
			<div class="more">
				<p>发现更多精选配件 ></p>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="f_head">
				<span>登录</span>|<span>反馈</span>
			</div>
			<div class="f_two">
				<div class="fl">
					<img src="images/footer_1.png">
					<p>客户端</p>
				</div>
				<div class="fl">
					<img src="images/footer_2.png">
					<p class="black">触屏版</p>
				</div>
				<div class="fl">
					<img src="images/footer_3.png">
					<p>电脑版</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="f_thress">
				<div class="fl">					
					<p>隐私政策</p>
				</div>
				<div class="fl">
					<p>用户协议</p>
				</div>
				<div class="fl">
					<p>关于Cookie</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="f_four">
				<p> Copyright 2012-2020  VMALL.COM 版权所有</p>
			</div>
			<div class="f_four">
				<p> 营业执照  备案主体编号：44201919072182</p>
			</div>
			<div class="f_four">
				<p> 粤ICP备19015064号 粤公网安备 44190002003939号</p>
			</div>
			<div class="f_four">
				<p> 增值电信业务经营许可证：粤B2-20190762</p>
			</div>
		</div>
		<!-- bottem -->
		<div class="bottom">
			<div class="fl one">
				<img src="images/bottom_1.png">
			</div>
			<div class="fl two">
				<img src="images/bottom_2.png">
				<p>分类</p>
			</div>
			<div class="fl two">
				<img src="images/bottom_3.png">
				<p>发现</p>
			</div>
			<div class="fl two">
				<img src="images/bottom_4.png">
				<p>购物车</p>
			</div>
			<div class="fl two">
				<a href="mine.html"><img src="images/bottom_5.png"></a>
				<p>我的</p>
			</div>
			<div class="clear"></div>
		</div>
		</div>
		<!-- gotop -->
		<div class="gotop">
			<img src="images/fixed.png">
		</div>
		
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
		<script>
			$("#open").click(function(){
				$(".all").attr("style","display:block");
				$(".nav_con").attr("style","display:none");
				$(this).attr("style","display:none");
			})
			$("#close").click(function(){		
				 $(".nav_con").show();
				 $(".all").hide();
				 $("#open").attr("style","display:block");
			})
			// lbt1
			var testSwiper = new Swiper('.swiper-test1', {
			    loop: true,
			    initialSlide: 1,
			    speed: 1500, 
				pagination: {
				    el: '.swiper-test1 .swiper-pagination',
				    clickable: true,
				},
			})
			// lbt2
			var testSwiper = new Swiper('.swiper-test2', {
			    loop: true,
			    initialSlide: 1,
			    speed: 1500, 
				pagination: {
				    el: '.swiper-test2 .swiper-pagination',
				    clickable: true,
				},
			})
			// lbt3
			var testSwiper = new Swiper('.swiper-test3', {
			    loop: true,
			    initialSlide: 1,
			    speed: 3000, 
				direction: 'vertical',
			})
			// lbt4
			var testSwiper = new Swiper('.swiper-test4', {
			    loop: true,
			    initialSlide: 1,
			    speed: 3000, 
			})
			// lb5
			var testSwiper = new Swiper('.swiper-test5', {
			    loop: true,
			    initialSlide: 1,
			    speed: 3000, 
			})
			// gotop
			var gotop=document.querySelector(".gotop");
			window.onscroll=function(){
				// console.log(document.documentElement.scrollTop);
				if(document.documentElement.scrollTop>=300){
					gotop.style.display="block";
				}
				else{
					gotop.style.display="none";
				}
			}
			gotop.onclick=function(){
				document.documentElement.scrollTop=0;
			}
			
			// 
			window.onload = function () {
			          countDown();
			          function addZero(i) {
			              return i < 10 ? "0" + i: i + "";
			          }
			          function countDown() {
			              var nowtime = new Date();
			              var endtime = new Date("2020/08/15,00:00:00");
			              var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
			              var h = parseInt(lefttime / (60 * 60) % 24);
			              var m = parseInt(lefttime / 60 % 60);
			              var s = parseInt(lefttime % 60);
			              h = addZero(h);
			              m = addZero(m);
			              s = addZero(s);
			              document.querySelector(".count-down").innerHTML = `<span>${h}:${m}:${s}</span>`;
			              if (lefttime <= 0) {
			                  document.querySelector(".count-down").innerHTML = "活动已结束";
			                  return;
			              }
			              setTimeout(countDown, 1000);
			            }
			        }
		</script>
	</body>
</html>
